<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <input type="text",onkeyup="myOnkeyup()">
</body>
<script>
    //事件源
    // let button=document.querySelector('input');//选中了事件
    // //绑定事件类型
    // //回调函数
    // //点击事件
    // button.onclick=function()
    // {//函数设定了程序处理程序
    //     alert('你好');
    // }
    //事件源
    let input=document.querySelector('input');//选中了事件
    //绑定事件类型
    input.onkeydown=function(event)
    {
    // 
    //     console.log('按下了键盘');
    //     let a=event.keyCode;
    //     console.log(a);
        //如果按下shift键，则弹窗
        if(event.shiftKey)
        {
            alert('你按下了shift键');
        }
    }
    function myOnkeyup()
    {
         console.log('按下了回车');
    }
    </script>
</html>